﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="MotelClient.Motel" %>

<%--<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %>
--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Nhà trọ</title>
    <link href="/css/default.css" rel="stylesheet" type="text/css" />
    <link href="/css/motel_styles.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAulfXXNyNhXqZaHzRpmSqYubQJz_hwVV4&sensor=true"></script>
    <script src="/Scripts/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.fancybox.pack.js?v=2.0.6" type="text/javascript"></script>
    <link href="/css/jquery.fancybox.css?v=2.0.6" rel="stylesheet" type="text/css" />
    <script src="/Scripts/motel_utilities_scripts.js" type="text/javascript"></script>
    <script src="/Scripts/motel_maps_ext_scripts.js" type="text/javascript"></script>
    <script src="/Scripts/jquery.msgBox.js" type="text/javascript"></script>
    <link href="/css/msgBoxLight.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    <div class="topmenu">
        <div class="left">
            <div class="text1">
                <asp:Label ID="Label1" runat="server" Text="Map Motel" CssClass="text1"></asp:Label>
            </div>
        </div>
        <div class="center">
            <div class="cenleft">
                <select id="cbDistrictSearchAddress" class="text">
                </select>
                <select id="cbWardSearchAddress" class="text">
                </select>
            </div>
            <div class="search">
                <input id="btnsearch" type="button" value="" class="button" />
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
    <div class="bottom">
        <div class="leftmenu">
            <div class="khbutton">
                <a id="btnShow" href="#" title="Show all Motels">Show all Motels</a>
            </div>
            <div class="khbutton">
                <a class="fancybox" href="#addressDetail" title="Add new address" shape="rect">Add Address</a>
            </div>
        </div>
        <div class="content" id="map_canvas">
        </div>
    </div>
    <div class="info" style="display: none;">
        <h3>{0}</h3>
        <table>
            <tr>
                <td>
                    Vĩ độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLat" type='text' value='{1}' />
                </td>
            </tr>
            <tr>
                <td>
                    Kinh độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLog" type='text' value='{2}' />
                </td>
            </tr>
            <tr>
                <td>
                    <a id='upMarker' href="#" title='{3}'>Cập nhật</a>
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <a id='delMarker' href="#" title='{4}'>Xóa</a>
                </td>
            </tr>
        </table>
    </div>
    <div id="addressDetail" style="width: 400px; display: none;">
        <h3>
            New Address</h3>
        <table style="width: 100%;">
            <tr>
                <td>
                    Số nhà :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtNumAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Tên đường :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtRoadAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Quận :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <select id="cbDistrictAddress">
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    Phường :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <select id="cbWardAddress">
                    </select>
                </td>
            </tr>
            <tr>
                <td>
                    Vĩ độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLatAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td>
                    Kinh độ :
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="txtLogAddress" type="text" />
                </td>
            </tr>
            <tr>
                <td colspan="3">
                    <span id="msgAddAddress" style="color: Red"></span>
                </td>
            </tr>
            <tr>
                <td>
                    <input id="btnSave" type="button" value="Save" />
                </td>
                <td>
                    &nbsp
                </td>
                <td>
                    <input id="btnCancel" type="button" value="Cancel" />
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>
